<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>我的选择信息</title>

    <script th:src="@{/bootstrap/js/jquery-1.11.2.min.js}"></script>
    <link rel="stylesheet" th:href="@{/bootstrap4/bootstrap.css}">

    <script th:src="@{/bootstrap4/bootstrap.js}"></script>

    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>

    <link rel="stylesheet" th:href="@{/css/com/message.css}">
    <link rel="stylesheet" th:href="@{/font/message/iconfont.css}">
    <link rel="stylesheet" th:href="@{/css/student/selected.css}">
</head>
<body>

<div th:replace="~{components/com::topbar}"></div>
<div th:replace="~{components/side-menu::size-menu-bar}"></div>


<div class="container-fluid">
    <div class="title"><h3>邀请您担任评阅老师</h3></div>

    <div class="row">
        <div class="input-group column" style="display: flex; align-items: center; justify-content: center;width: 500px;margin-left: 15px">
            <select class="form-control" id="semester" >
                <option value="">所有学期</option>
                <option th:each="semester:${semesters}" th:value="${semester.getId}" th:text="${semester.getName}" th:selected="${semesterId} == ${semester.getId}"></option>
            </select>
            <span class="input-group-addon btn btn-primary" id="seach" style="background-color:#e67e22; border: none">搜索</span>
        </div>
        <div class="input-group col-3 column">
        </div>

    </div>

    <br>
    <div class="row clearfix">
        <div class="col-md-12 column" th:fragment="div1" th:id="div1" >
            <table class="table align-content-center" id="scoreTable" style="text-align: center">
                <thead class="">
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">老师姓名</th>
                    <th scope="col">学生姓名</th>
                    <th scope="col">学生学号</th>
                    <th scope="col">学期</th>
                    <th scope="col">资料类型</th>
                    <th scope="col" style="width: 200px">要求</th>
                    <th scope="col">学生自我介绍</th>
                    <th scope="col">状态</th>
                    <th scope="col">时间</th>
                    <th scope="col">操作</th>
                </tr>
                </thead>
                <tbody>
                    <tr th:each="list:${lists}">
                        <th scope="row" th:text="${list.getId()}"></th>
                        <td th:text="${list.getTeacher().getName()}"></td>
                        <td th:text="${list.getStudent().getName()}"></td>
                        <td th:text="${list.getStudent().getNumber()}"></td>
                        <td th:text="${list.getSemester().getName()}"></td>
                        <td th:text="${list.getAdviserInfo().getDocTypeId()}"></td>
                        <td th:text="${list.getAdviserInfo().getReqInfo()}"></td>
                        <td th:text="${list.getIntro()}"></td>
                        <td style="color: #3498db;">待回复</td>
                        <td th:text="${#temporals.format(list.getAddTime(), 'yyyy-MM-dd HH:mm:ss')}"></td>
                        <td>
                            <a class="input-group-addon btn btn-danger not-accept-adviser-btn" th:href="@{'/adviser/confirm/student/unAccept/'+${list.getAppraiseTeacher().getId}}" style="border: none; margin-bottom: 5px;">不同意</a>
                            <a class="input-group-addon btn btn-success accept-adviser-btn" th:href="@{'/adviser/confirm/student/accept/'+${list.getAppraiseTeacher().getId}}" style="border: none;margin-bottom: 5px;">同意</a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
</body>
<script type="module" th:src="@{/js/adviser/onConfirmStudent.js}"></script>
</html>